<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/my.css">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1, user-scalable=no">
</head>
<body style="background:#F2F2F2;">
<div class="header-box">
  <p>绑定手机号</p>
</div>
<div class="bindPhone">
  <div class="bindPhone_box">
    <table></table>
    <div class="bind_item" style="clear:both;">
      <span>+ 86</span>
      <i></i>
      <input type="text" name="phone" placeholder="手机号">
    </div>
    <div class="bind_item">
      <img src="img/my/tuceng 2@2x.png">
      <i style="margin-left:0.4rem;"></i>
      <input type="text" name="code" placeholder="验证码">
    </div>
    <div class="bind_it">
      <a href="javascript:;">获取验证码</a>
    </div>
    <a href="javascript:;" class="sub">
      立即绑定
    </a>
  </div>
</div>
</body>
<script src="js/jquery.js"></script>
<script src="js/base.js"></script>
</html>